.theme-dark,
.theme-light {
    
    --sidebar-markdown-font-size: var(--font-text-size);
    --sidebar-tab-text-display: none;

    --sidebar-tab-background-color: var(--bttn);

    --ribbon-background: var(--outer-bar);
    --ribbon-background-collapsed: var(--note);
    --ribbon-width: 40px;
    
    --ribbon-border-width: 0;
    --ribbon-border-color: var(--outer-bar);
    --ribbon-icon-size: var(--icon-l);
    --ribbon-icon-stroke: var(--icon-l-stroke-width);
    --ribbon-icon-gap: 15px;

    --sidebar-icon-color: var(--text);
    --sidebar-icon-color-active: var(--text-dl);
    --sidebar-tab-icon-size: var(--icon-l);
    --sidebar-tab-icon-stroke: var(--icon-l-stroke-width);

    --sidebar-tab-background-color-hover: var(--accent);
    --sidebar-tab-color-hover: var(--text-on-accent);

    --sidebar-tab-border-color: transparent;
    --sidebar-tab-border-color-active: var(--bttn);
    --sidebar-tab-border-width: 0;
    --sidebar-tab-padding: 0 var(--size-4-3);
}
//Fix Tab Sizing / Padding
.workspace-split.workspace-split {
    &:is(
        .mod-right-split.mod-right-split, 
        .mod-left-split.mod-left-split
    ) .workspace-tab-header-container-inner
    { padding: 0; margin: 0; gap: 0; } //Remove inner sidebar tab icons padding

    // Sidebar tabs padding
    &.mod-right-split .workspace-tab-header-container { padding-left: 0; } 
    
    // &.mod-left-split.mod-left-split,
    & .mod-top
    // &.mod-right-split:not(.mod-top),
    // &.mod-root
    { & .workspace-tab-header-container { padding: 0; } } 
}

//Fix Inner Icon Sizing
.mod-right-split .workspace-tab-header-container-inner { margin-left: 2px; }
:is(.mod-left-split, .mod-right-split) .workspace-tab-header-inner { padding: var(--sidebar-tab-padding); }


.sidebar-toggle-button {
    padding: 0;
    position: relative;
    height: var(--header-height);
    &.mod-left { right: var(--divider-width); }

    // & .clickable-icon { width: 100%; }
    & .clickable-icon {
        padding: 10px;
    }
}

:is(.mod-left-split, .mod-right-split) .workspace-tab-header-inner-icon .svg-icon {
    --icon-size: var(--sidebar-tab-icon-size);
    --icon-stroke: var(--sidebar-tab-icon-stroke);
}
//Ribbon
.workspace-ribbon { 
    padding: 0; 
    border-right: var(--ribbon-border-width) solid var(--ribbon-border-color);

    // Fix Sidebar Button
    &.mod-left { 
        margin-top: 0; 
        gap: 0;
    }
    
    //Fix Ribbon Icons Spacing
    .side-dock-settings,
    .side-dock-actions { 
        padding-top: calc(var(--ribbon-icon-gap) / 1.5); 
        padding-bottom: calc(var(--ribbon-icon-gap) / 1.5); 
        gap: var(--ribbon-icon-gap); 
    }
    & .side-dock-ribbon-action .svg-icon {
        --icon-size: var(--ribbon-icon-size);
        --icon-stroke: var(--ribbon-icon-stroke);
    }
    
    //Fix Icon Height
    & .side-dock-actions { margin-top: var(--header-height); }
}


//Sidebar Tab Outline  ???
:is(.mod-left-split, .mod-right-split) {
    & .workspace-tab-header-inner {
        background-color: transparent;
        border-bottom: var(--sidebar-tab-border-width) solid var(--sidebar-tab-border-color);
    }
    & .is-active .workspace-tab-header-inner { border-color: var(--sidebar-tab-border-color-active); }
} 




//Fix Active Left Sidebar Tab Icon Color
//Fix Remove background-modifier-hover
:is(.mod-left-split, .mod-right-split) {
    & .workspace-tab-header.is-active,
    & .workspace-tab-header
    { 
        --background-modifier-hover: var(--sidebar-tab-background-color); 
        
        --tab-text-color: var(--text);
        --tab-text-color-active: var(--text-dl);
        --tab-text-color-focused: var(--text);
        --tab-text-color-focused-active: var(--text-dl);
        --tab-text-color-focused-active-current: var(--sidebar-icon-color-active);
        
        // --icon-color-focused: var(--sidebar-icon-color-active);
        & .workspace-tab-header-inner-icon { --icon-color-focused: var(--sidebar-icon-color-active); }
    }
}

//Fix Active Left Sidebar Tab Icon Color
.is-focused .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-icon,
.workspace-tab-header-inner:hover .workspace-tab-header-inner-icon,
.mod-top-left-space.mod-active .workspace-tab-header.is-active {
    --titlebar-text-color-focused: var(--sidebar-icon-color-active);
    --tab-text-color-hover: var(--sidebar-icon-color-active);
    --icon-color-hover: var(--sidebar-icon-color-active);
}

//Fixed Hover Icon Background Color
:is(.mod-left-split, .mod-right-split) .is-active:hover .workspace-tab-header-inner,
:is(.workspace-tab-header-inner-icon):hover,
.workspace-tab-header-container .clickable-icon:hover,
.workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner,
.side-dock-ribbon .clickable-icon:hover,
.workspace-tab-header:hover .workspace-tab-header-inner .workspace-tab-header-inner-icon
{
    // background-color: var(--sidebar-tab-background-color-hover);
    color: var(--sidebar-tab-color-hover);
}

// .nav-header .nav-action-button { color: var(--soft-text); }

//Fix Icon Height
.side-dock-actions { margin-top: var(--header-height); }

//Fix Tab Icon Hover Coloring 
.workspace-tab-header-inner .workspace-tab-header-inner-icon 
{ color: var(--sidebar-icon-color); }
.workspace-tab-header:hover .workspace-tab-header-inner-icon
{ color: var(--sidebar-icon-color-hover); }

//Fix Arrow Alignment
.tree-item-self .tree-item-icon { 
    position: relative;
    margin-inline-start: -3px;
}